{% extends 'base.html' %}
{% block title %}Students{% endblock %}
{% block content %}
<div class="d-flex justify-content-between align-items-center mb-3">
  <h3>Students</h3>
  <a class="btn btn-success" href="{% url 'add_student' %}">Add Student</a>
</div>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Roll</th>
      <th>Name</th>
      <th>Added</th>
      <th>Actions</th>
    </tr>
  </thead>
  <tbody>
    {% for s in students %}
    <tr>
      <td>{{ s.roll_number }}</td>
      <td>{{ s.name }}</td>
      <td>{{ s.created_at|date:"Y-m-d H:i" }}</td>
      <td>
        <a class="btn btn-sm btn-primary" href="{% url 'edit_student' s.pk %}">Edit</a>
        <a class="btn btn-sm btn-danger" href="{% url 'delete_student' s.pk %}">Delete</a>
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="4">No students found.</td></tr>
    {% endfor %}
  </tbody>
</table>
{% endblock %}